<template>
  <div :class="$style['v-box']">
    <MobileBanner v-if="d.images.length" ref="vMobileBanner" :images="d.images" :timer-interval="d.timerInterval" />
    <span v-else>未添加图片</span>
  </div>
</template>

<script>
import MobileBanner from '../../comm/mobile-banner'
export default {
  components: {
    MobileBanner
  },
  props: {
    d: {
      type: Object,
      default: () => {
        return {
          images: [],
          timerInterval: 0
        }
      }
    }
  },
  methods: {
    onSizeChange () {
      this.$refs.vMobileBanner.updateSize()
    }
  }
}
</script>

<style module>
.v-box {
  height: 100%;
}
</style>
